<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="//">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>summerVideoCMS Created By rockey</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            font-size: 16px;
            line-height: 20px;
            font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        }

        a, a:visited {
            color: #337ab7;
            text-decoration: none;
        }

        header {
            padding: 70px 0 70px 0;
            background-color: #4A6495
        }

        h1 {
            font-size: 36px;
            color: #fff;
            font-weight: normal;
        }

        code {
            padding: 2px 4px;
            font-size: 90%;
            color: #c7254e;
            background-color: #f9f2f4;
            border-radius: 4px;
        }

        .content {
            width: 1000px;
            margin: auto
        }

        .wrap {
            width: 1000px;
            margin: auto
        }

        .content {
            margin-top: 80px;
        }

        .list {
            width: 800px;
        }

        .list .item {
            position: relative;
            padding-left: 70px;
            margin-top: 50px;
        }

        .list .item .step {
            position: absolute;
            width: 36px;
            height: 36px;
            top: -3px;
            left: 0;
            border: 5px solid #4A6495;
            border-radius: 23px;
            text-align: center;
            line-height: 36px;
        }

        .list .item h2 {
            font-size: 24px;
            font-weight: normal;
        }

        .list .item p {
            line-height: 30px;
            margin-top: 10px
        }
    </style>
</head>
<body>
<header>
    <div class="wrap">
        <h1>summerVideoCMS Created By rockey</h1>
    </div>
</header>
<div class="content">
    <div class="list">
        <div class="item">
            <div class="step">1</div>
            <h2>采用Node.js+Mysql</h2>
            <p>高并发,异步流处理数据,极速响应请求</p>
        </div>
        <div class="item">
            <div class="step">2</div>
            <h2>文档帮助</h2>
            <p>
                summerVideoCMS是一个开源程序,遇到问题可及时向开发者反馈<a href="https://gitee.com/newcomein/summerVideoCMS_Service">https://gitee.com/newcomein/summerVideoCMS_Service</a>.
            </p>
        </div>
        <div class="item">
            <div class="step">3</div>
            <h2>声明</h2>
            <p>
                *注:本人只是程序的开发者,不是运营者,更不参与者,请在遵守本地法律法规的情况下使用本程序,如因使用本程序而引发法律问题,与本人无关,请自行处理,最终解释权归本人所有.
            </p>
        </div>
    </div>
</div>
</body>
</html>
